<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link type="text/css" rel="stylesheet" href="master.css" />
	<link type="text/css" rel="stylesheet" href="chart.css" />
	<link type="text/css" href="dist/jquery.jqplot.css" rel="stylesheet" />
	<link type="text/css" href="css/redmond/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
		
	<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="dist/excanvas.js"></script><![endif]-->
	
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
	<script type="text/javascript" src="dist/jquery.jqplot.js"></script>
	<script type="text/javascript" src="dist/plugins/jqplot.dateAxisRenderer.min.js"></script>
	<script type="text/javascript" src="dist/plugins/jqplot.pieRenderer.min.js"></script>
	<script type="text/javascript" src="dist/plugins/jqplot.barRenderer.min.js"></script>
	<script type="text/javascript" src="dist/plugins/jqplot.categoryAxisRenderer.min.js"></script>
	<script type="text/javascript" src="dist/plugins/jqplot.pointLabels.min.js"></script>
	<script type="text/javascript" src="dist/plugins/jqplot.highlighter.js"></script>
	<script type="text/javascript" src="master.js" ></script>
	<script type="text/javascript" src="chart.js"></script>
	<script type="text/javascript" src="../weibo/flex/history/history.js"></script>	    
	<script type="text/javascript" src="../weibo/flex/swfobject.js"></script>
	<script type="text/javascript" src="../js/external/flash.js"></script>
	<script>
	
	  function searchWithPepsi(keyword){
		   url = '/EagleEye_Client/weibo/entitySearch.jsp';
		   url = "/EagleEye_Client/weibo/entitySearch.jsp?pageSize=10&pageOffset=0&direction=desc&orderBy=time&prjName=weibo&keyWord=" + encodeURIComponent(keyword);   
		   window.open(url);	
	   };
	  			
	</script>
</head>
<body>
	<div class='language'>
			<div>
				<a onclick="langSwitch(0); langSelect(0);">中文</a> 	
				<a onclick="langSwitch(1); langSelect(1);">English</a>
			</div>							
	</div>
	
	<div class="container">
		<div class="main">
			<div class="header">
				
			</div>
			<div class="content">
				<div class="searchbar">
					<input id="searchinput"/>
					<img id="searchaction" src="img/EagleEye_search_btn.png" />
				</div>
				
				<div id="topicPanel" class="mainPanel">
					<div class="topicPanelHeader">
						<input id="hottopicTimeInput">
						<p customlang='topictitle'> </p>
					</div>
					<table style="margin-left:0px; width:880px;">
						<tr style="background-color:transparent;color:#000;">
							<td style="width:40px; height:1px;"> <span></span></td>
							<td style="width:100px; height:1px;"> <span></span></td>
							<td style="width:120px;" align="center"> <span style="color:rgb(9,166,218); font-weight: bold; font-size:14px;" customlang="topic_title">标题 </span></td>
							<td style="width:380px;" align="center"> <span style="color:rgb(9,166,218); font-weight: bold; font-size:14px;" customlang="topic_content">内容</span></td>
							<td style="text-align: center; width:60px;" align="center"> <span style="color:rgb(9,166,218); font-weight: bold; font-size:14px;" customlang="topic_days">上榜天数</span></td>
							<td style="text-align: center; width:60px;" align="center"> <span style="color:rgb(9,166,218); font-weight: bold; font-size:14px;" customlang="topic_trend">趋势 </span></td>
							<td style="text-align: center; width:60px;" align="center"> <span style="color:rgb(9,166,218); font-weight: bold; font-size:14px;" customlang="topic_sentiment">情感</span></td>
						</tr>
					</table>
					<div style="margin-left:30px; width:880px;" id="topiclist">
					<!-- <iframe width="620px" height="400" frameborder= "0" allowTransparency="true"
						src="/EagleEye_Client/topic.action?instruction=getTopicCategoryList&viewName=topicCategoryView">
					</iframe>  -->
					</div>
					<div align="right" style="float:right;  margin-right:60px" customlang='topicreason'>
					</div>
				</div>
				
				
				
				
				<div id="brandPanel" class="mainPanel">
						<div id="totalTrendPanel">
							<div id="totalNumber"> 0</div> 
							<div style="float:left; margin-top:5px;">
									<input id="oneweekinput" type="radio" checked="true" name ="timeinput" onclick="backDate(7);updateBrandInfo(currentBrandDatasource);" > <span customlang='lastweek'></span>
									<input type="radio"  name ="timeinput" onclick="backDate(14);updateBrandInfo(currentBrandDatasource);" > <span customlang='last2week'></span>
									<input type="radio"  name ="timeinput" onclick="backDate(21);updateBrandInfo(currentBrandDatasource);" > <span customlang='last3week'></span>
									<input type="radio"  name ="timeinput" onclick="backMonth(1);updateBrandInfo(currentBrandDatasource);" > <span customlang='lastmonth'></span>
									<input type="radio"  name ="timeinput" onclick="backMonth(2);updateBrandInfo(currentBrandDatasource);" > <span customlang='last2month'></span>
									<input type="radio"  name ="timeinput" onclick="backMonth(3);updateBrandInfo(currentBrandDatasource);" > <span customlang='last3month'></span>
									<br>
								<input id="startTimeInput"  class="timeinput"/> --
								<input id="endTimeInput" class="timeinput" /> &nbsp
								<span class="updateBtn" onclick="updateBrandInfo(currentBrandDatasource)" customlang='updatetime'> </span>
								
							</div>
							<div style="clear:both"></div>
							
						</div>
						
						<div  class="dashboardRow">
							<div class="dashboardRowHeader" style="width:800px" ><span  customlang='chart_buzzvolume'></span>
															<span style="margin-left:500px;" customlang='chart_topic'> </span></div>
							<div id="buzzVolume">
								<div class="trendChart">
									<div id="buzzVolumeChart" style="width:400px; height:200px;">  </div>
								</div>
								
							</div>
							
							<div class="topicContainer" style="margin-left:150px;">
								<div>
									<div id="topicChart"></div> 
								</div>
							</div>
						</div>
						
						
						
						<div class="dashboardRow">
							<div class="dashboardRowHeader"><p customlang='chart_brand_demo'> </p></div>
							<div class="dashboardChart">
								<div id="demo_Chart_1"></div>
							</div>
							<div class="trendChart">
								<div id="demo_TrendChart_1">	</div>
							</div>
						</div>
						
						<div class="dashboardRow">
							<div class="dashboardRowHeader"><p customlang='chart_brand_demo'> </p></div>
							<div class="dashboardChart">
								<div id="demo_Chart_2"></div>
							</div>
							<div class="trendChart">
								<div id="demo_TrendChart_2">	</div>
							</div>
						</div>
						
						<div class="dashboardRow">
							<div class="dashboardRowHeader"><p customlang='chart_brand_demo'> </p></div>
							<div class="dashboardChart">
								<div id="demo_Chart_3"></div>
							</div>
							<div class="trendChart">
								<div id="demo_TrendChart_3">	</div>
							</div>
						</div>
						
						<div class="dashboardRow">
							
							<div class="dashboardRowHeader"><p customlang='chart_datasource'></p></div>
							<div class="dashboardChart">
								<div id="datasourceChart"></div>
							</div>
							<div class="trendChart"> 
								<div id="datasourceTrendChart">
								</div>
							</div>
						</div>
						
						
						<div class="dashboardRow">
							<div class="dashboardItem">
								<div class="dashboardRowHeader"><p customlang='chart_area'></p></div>
								<div class="dashboardChart_v">
									<div  id="areaChart"></div>
								</div>
							</div>
							<div style="width:140px; height:1px; float:left;"></div>
							
							<div class="dashboardItem">
								<div class="dashboardRowHeader"><p customlang='chart_opinionleader'></p></div>
								<div class="dashboardChart_v">
									<div id="opinionLeaderChart"></div> 
								</div>
							</div>
							<div style="clear:both"></div>
						</div>
					
				</div>
				
			</div>
			
			<div class="footer">
			
			</div>
		</div>
		
		<div class="navigationbar">
		    <div id="home" onclick="openBrandAnalyticPanel(0); switchNav(this);"> </div>
			<div id="topic" onclick="openTopicPanel(); switchNav(this);"> </div>
			<!--  <div id="pepsi" onclick="openBrandAnalyticPanel(0); switchNav(this);" class='pepsi'> </div> -->
			
		</div>
	</div>

      <div style="display:none">
	    <form action="/EagleEye_Client/weibo/entitySearch.jsp" id="fm" method="post" target="_blank">
       	<input type="hidden" name="ids" id="webpageIds"/>
        	<input type="hidden" name="keyWord" id="keyWord"/>
        	<input type="hidden" name="prjName" id="prjName" value="weibo"/>
        	<input type="hidden" name="direction" value="desc"/>
        	<input type="hidden" name="orderBy" value="time"/>
        	<input type="hidden" name="pageSize" value="10"/>
        	<input type="hidden" name="pageOffset" value="0"/>
        	<input type="hidden" name="timeFrom" id="timeFrom" value""/>
        	<input type="hidden" name="timeTo" id="timeTo"  value=""/>
        	<input type="hidden" name="viewLanguage" value="cn"/>
        	<input type="hidden" name="searchCondition" id ="searchCondition" value=""/>
        </form>  
    </div> 					

</body>
</head>